<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QZBlog</title>
    <!-- <link href="../static/css/bootstrap.css" rel="stylesheet"> -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../static/css/qz-blog.css">
</head>
<body>
    <!-- 导航 -->
    <nav class="navbar navbar-inverse navbar-static-top c-margin-bo">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                  <a class="navbar-brand c-text-color" href="../account/index.html" target="_blank">QZ-Bolg</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav c-text-spac">
                    <li class="active"><a href="#" target=""> <span class="glyphicon glyphicon-home c-icon-magrin"></span><span>首页</span></a></li>
                    <li><a href="blogControl.html"> <span class="glyphicon glyphicon-pencil c-icon-magrin"></span><span>博客管理</span></a></li>
                    <li><a href="classifyControl.html"><span class="glyphicon glyphicon-folder-open c-icon-magrin"></span><span>分类管理</span></a></li>
                    <li><a href="tagControl.html"><span class="glyphicon glyphicon-tags c-icon-magrin"></span>标签管理</a></li>
                    <li><a href="aboutControl.html"><span class="glyphicon glyphicon-user c-icon-magrin"></span>关于我</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 导航 -->

<!-- 内容区 -->
    <div class="container">
        <div class="panel panel-default c-panel-top">
            <div class="panel-heading">
                <h3 class="panel-title c-text-color">最新消息</h3>
            </div>
            <div class="panel-body">
             <table class="table table-hover">
                 <thead>
                     <tr>
                         <th>序号</th>
                         <th>昵称</th>
                         <th>留言时间</th>
                         <th>邮箱</th>
                         <th>操作</th>
                     </tr>
                 </thead>
                 <tbody>
                     <tr>
                         <th scope="row">1</th>
                         <td>
                             小刘
                         </td>
                         <td>
                                 <span class="glyphicon glyphicon-calendar"></span>
                                 <span>2013-3-26</span> 
                         </td>
                         <td>
                             <span class="glyphicon glyphicon-calendar"></span>
                                 <span>196999@163.com</span> 
                         </td>
                         <td>
                            <div class="btn-group">
                                <button type="button" class="btn btn-success btn-xs" data-toggle="modal" data-target=".viewMes1">查看</button>
                                <button type="button" class="btn btn-success btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a href="#">回复</a></li>
                                    <li><a href="#">已读</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="#">删除</a></li>
                                </ul>
                                <div class="modal fade viewMes1" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                                    <div class="modal-dialog modal-lg" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                <h4 class="modal-title" id="myModalLabel">消息内容</h4>
                                            </div>
                                            <div class="modal-body">
                                                <p>消息1</p>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">已读</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                         </td>
                     </tr>
 
                     <tr>
                         <th scope="row">2</th>
                         <td>
                             小李
                         </td>
                         <td>
                                 <span class="glyphicon glyphicon-calendar"></span>
                                 <span>2013-3-26</span> 
                         </td>
                         <td>
                             <span class="glyphicon glyphicon-calendar"></span>
                                 <span>WWWWW@162.com</span> 
                         </td>
                         <td>
                            <div class="btn-group">
                                <button type="button" class="btn btn-success btn-xs" data-toggle="modal" data-target=".viewMes2">查看</button>
                                <button type="button" class="btn btn-success btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a href="#">回复</a></li>
                                    <li><a href="#">已读</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="#">删除</a></li>
                                </ul>
                                <div class="modal fade viewMes2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                                    <div class="modal-dialog modal-lg" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                <h4 class="modal-title" id="myModalLabel">消息内容</h4>
                                            </div>
                                            <div class="modal-body">
                                                <p>消息2</p>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">已读</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                         </td>
                     </tr>
                         <th scope="row">1</th>
                         <td>
                             郑先生
                         </td>
                         <td>
                                 <span class="glyphicon glyphicon-calendar"></span>
                                 <span>2013-3-26</span> 
                         </td>
                         <td>
                             <span class="glyphicon glyphicon-calendar"></span>
                                 <span>aqsooo@qq.com</span> 
                         </td>
                         <td>
                            <div class="btn-group">
                                <button type="button" class="btn btn-success btn-xs" data-toggle="modal" data-target=".viewMes3">查看</button>
                                <button type="button" class="btn btn-success btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a href="#">回复</a></li>
                                    <li><a href="#">已读</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="#">删除</a></li>
                                </ul>
                                <div class="modal fade viewMes3" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                                    <div class="modal-dialog modal-lg" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                <h4 class="modal-title" id="myModalLabel">消息内容</h4>
                                            </div>
                                            <div class="modal-body">
                                                <p>消息3！</p>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">已读</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                         </td>
                     </tr>
                     
                 </tbody>
                 <thead>
                    <tr>
                        <td>                       
                              <button class="btn btn-info btn-xs" type="submit">标记为已读</button>
                           </td>
                    </tr>
                </thead>
               </table>
            </div>
        </div>
     
            <div class="panel panel-default c-panel-top">
                <div class="panel-heading">
                    <h3 class="panel-title c-text-color">历史消息</h3>
                </div>
                <div class="panel-body">
                 <table class="table table-hover">
                     <thead>
                         <tr>
                             <th>序号</th>
                             <th>昵称</th>
                             <th>留言时间</th>
                             <th>邮箱</th>
                             <th>操作</th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr>
                             <th scope="row">1</th>
                             <td>
                                 小刘
                             </td>
                             <td>
                                     <span class="glyphicon glyphicon-calendar"></span>
                                     <span>2013-3-26</span> 
                             </td>
                             <td>
                                 <span class="glyphicon glyphicon-calendar"></span>
                                     <span>196999@163.com</span> 
                             </td>
                             <td>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-success btn-xs" data-toggle="modal" data-target=".viewMes4">查看</button>
                                    <button type="button" class="btn btn-success btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">回复</a></li>
                                        <li><a href="#">已读</a></li>
                                        <li role="separator" class="divider"></li>
                                        <li><a href="#">删除</a></li>
                                    </ul>
                                    <div class="modal fade viewMes4" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                                        <div class="modal-dialog modal-lg" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                    <h4 class="modal-title" id="myModalLabel">消息内容</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <p>消息4</p>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">已读</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             </td>
                         </tr>
     
                         <tr>
                             <th scope="row">2</th>
                             <td>
                                 小李
                             </td>
                             <td>
                                     <span class="glyphicon glyphicon-calendar"></span>
                                     <span>2013-3-26</span> 
                             </td>
                             <td>
                                 <span class="glyphicon glyphicon-calendar"></span>
                                     <span>WWWWW@162.com</span> 
                             </td>
                             <td>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-success btn-xs" data-toggle="modal" data-target=".viewMes5">查看</button>
                                    <button type="button" class="btn btn-success btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">回复</a></li>
                                        <li><a href="#">已读</a></li>
                                        <li role="separator" class="divider"></li>
                                        <li><a href="#">删除</a></li>
                                    </ul>
                                    <div class="modal fade viewMes5" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                                        <div class="modal-dialog modal-lg" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                    <h4 class="modal-title" id="myModalLabel">消息内容</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <p>消息5</p>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">已读</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             </td>
                         </tr>
                             <th scope="row">1</th>
                             <td>
                                 郑先生
                             </td>
                             <td>
                                     <span class="glyphicon glyphicon-calendar"></span>
                                     <span>2013-3-26</span> 
                             </td>
                             <td>
                                 <span class="glyphicon glyphicon-calendar"></span>
                                     <span>aqsooo@qq.com</span> 
                             </td>
                             <td>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-success btn-xs" data-toggle="modal" data-target=".viewMes6">查看</button>
                                    <button type="button" class="btn btn-success btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">回复</a></li>
                                        <li><a href="#">已读</a></li>
                                        <li role="separator" class="divider"></li>
                                        <li><a href="#">删除</a></li>
                                    </ul>
                                    <div class="modal fade viewMes6" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                                        <div class="modal-dialog modal-lg" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                    <h4 class="modal-title" id="myModalLabel">消息内容</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <p>消息6</p>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">已读</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             </td>
                         </tr>
                         
                     </tbody>
                   </table>

                   
                </div>
            </div>

    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/js/bootstrap.min.js"></script>
</body>
</html>